<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="commons/header.jsp"%>

<style type="text/css">
html,body {
	font: normal 12px verdana;
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: hidden;
	height: 100%;
}

p {
	margin: 5px;
}
</style>

<script type="text/javascript">
	Ext.onReady(function() {

		var treeMenu = [ {
			text : 'Добавить',
			expanded : true,
			children : [ {
				text : 'Дисциплина',
				id : 'discipline',
				leaf : true,
				path : 'adddis.html'
			}, {
				text : 'Компетенция',
				id : 'purview',
				leaf : true,
				path : 'addpur.html'
			}, {
				text : 'Связь дисциплины и компетенции',
				id : 'link',
				leaf : true,
				path : 'addlink.html'
			}, {
				text : 'Учебно-методическое и информационное обеспечение',
				id : 'education',
				leaf : true,
				path : 'addeducationsupport.html'
			}, {
				text : 'Информация для шаблона',
				id : 'templates',
				leaf : true,
				path : 'addtemplates.html'
			},  {
				text : 'Вид студенческой работы',
				id : 'studyWork',
				leaf : true,
				path : 'addstudywork.html'
			},  {
				text : 'Семестр',
				id : 'semestr',
				leaf : true,
				path : 'addsemester.html'
			}, {
				text : 'Раздел дисциплины',
				id : 'partOfDiscipline',
				leaf : true,
				path : 'addpartdis.html'
			}, {
				text : 'Связь раздела дисциплины и компетенции',
				id : 'partdispurview',
				leaf : true,
				path : 'addpartdispurview.html'
			}, {
				text : 'Связь раздела дисциплины и вида студенческой работы',
				id : 'partdisstudywork',
				leaf : true,
				path : 'addpartdisstudywork.html'
			}, {
				text : 'Тип студенческой работы',
				id : 'typeOfStudyWork',
				leaf : true,
				path : 'addtypestudywork.html'
			}, {
				text : 'Студент должен уметь',
				id : 'abilities',
				leaf : true,
				path : 'addabilities.html'
			}, {
				text : 'Студент должен знать',
				id : 'knowleges',
				leaf : true,
				path : 'addknowleges.html'
			}, {
				text : 'Студент должен владеть',
				id : 'ownership',
				leaf : true,
				path : 'addownership.html'
			}, {
				text : 'Авторы документа',
				id : 'authors',
				leaf : true,
				path : 'addauthors.html'
			}, {
				text : 'Рецензенты документа',
				id : 'reviewers',
				leaf : true,
				path : 'addreviewers.html'
			}, {
				text : 'Оценочные средства сформированности компетенции',
				id : 'estimationmeans',
				leaf : true,
				path : 'addestimationmeans.html'
			}, {
				text : 'Цели программы формирования компетенции',
				id : 'purposes',
				leaf : true,
				path : 'addpurposes.html'
			}, {
				text : 'Уровни сформированности компетенции',
				id : 'levelsofformation',
				leaf : true,
				path : 'addlevelsofformation.html'
			}, {
				text : 'Этапы формирования компетенции',
				id : 'stagesofformation',
				leaf : true,
				path : 'addstagesofformation.html'
			}, {
				text : 'Обеспечение программы формирования компетенции',
				id : 'supportofpurview',
				leaf : true,
				path : 'addsupportofpurview.html'
			}, {
				text : 'Шаблоны для паспорта компетенции',
				id : 'templatesforpurview',
				leaf : true,
				path : 'addtemplatesforpurview.html'
			}			
			]
		}, {
			text : 'Сводная информация',
			children : [ {
				text : 'Матрица компетенций',
				id : 'matrix',
				leaf : true
			} ]
		} ];


		var treePanel = new Ext.tree.TreePanel({
			id : 'tree-panel',
			title : 'Главное меню',
			region : 'north',
			split : true,
			height : 300,
			minSize : 150,
			autoScroll : true,

			// tree-specific configs:
			rootVisible : false,
			lines : false,
			singleExpand : true,
			useArrows : true,
			root : new Ext.tree.AsyncTreeNode({
				children : treeMenu
			})
		});

		treePanel.on('click', function(node, e) {
			if (node.leaf) {
				e.stopEvent();
				var tabPane = Ext.getCmp('content_pane');
				var path = node.attributes.path;
				var panel = Ext.getCmp(node.id);
				var panelId = node.id + 'Tab';
				if (!panel) {
					panel = new Ext.Panel({
						title : node.text,
						id : panelId,
						closable : true,
						autoLoad : {
							url : path,
							scripts : true
						}
					});
					tabPane.add(panel);
				}
				tabPane.setActiveTab(panel);
			}
		});

		var item1 = new Ext.Panel({
			title : 'Accordion Item 1',
			html : '&lt;empty panel&gt;',
			cls : 'empty'
		});

		var item2 = new Ext.Panel({
			title : 'Accordion Item 2',
			html : '&lt;empty panel&gt;',
			cls : 'empty'
		});

		var accordion = new Ext.Panel({
			region : 'west',
			margins : '5 0 5 5',
			split : true,
			width : 210,
			layout : 'accordion',
			items : [ treePanel, item2 ]
		});

		var viewport = new Ext.Viewport({
			layout : 'border',
			items : [ accordion, new Ext.TabPanel({
				region : 'center',
				margins : '5 5 5 0',
				cls : 'empty',
				bodyStyle : 'background:#f1f1f1',
				id : 'content_pane'
			}) ]
		});
	});
</script>
<%@ include file="commons/footer.jsp"%>